<template>
	<view class="title .xy_center_between" @click="jumpMore">
		<view class="model_name">
			{{name}}
		</view>
		<view class="model_more y_center">
			<text>查看更多</text>
			<image src="../../static/icon/back@2x.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default{
		name:'title',
		props:{
			name:{
				type: String,
				default: ''
			}
		},
		methods:{
			jumpMore(){
				this.$emit('jumpMoreHadle');
			}
		}
	}
</script>

<style scoped lang="scss">
	.model_name{
		font-size: 19px;
		font-weight: 700;
		color: #333333;
		line-height: 19px;
	}
	.model_more{
		text{
			font-size: 15px;
			color: #D1D1D1;
			line-height: 15px;
			margin-right: 4px;
		}
		image{
			width: 14rpx;
			height: 24rpx;
		}
	}
</style>
